<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>iTrip-选择资源</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" href="css/resource.css">
	<script src="js/src/flexible.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="layout">
    <header class="top">
        <a href="travel.html" class="back">返回</a>
        <h3 class="fz16">选择资源</h3>
    
</header>
<div class="wrapper">
    <div class="content">
        <div class="choice-box">
              <!-- 总额明细 -->
              <div class="resource-detail">
                  <div class="title clearfix">
                      <h3 class="gray-8 fl">三亚5日4晚半自助游套餐</h3>
                    <span class="prize fr">6512 <br>
                        <a href="#" class="gray-8 fz14 fr">总额明细&gt;</a>
                    </span>
                </div>
                
                <p class="gray-9 fz14">出发日期：<span class="gray-8 fz16">2017-9-10</span></p>
                <p class="gray-9 fz14 clearfix">出行人数：<span class="gray-8 fz16">3 成人</span>
                    
                </p>
            </div>
            <!-- 航班信息 -->
            <div class="resource-flight">
                <div class="resource-reelect">
                        <div class="begin-place">
								<h2>三亚</h2>
								<p>首都国际机场</p>
								<p>6:30</p>
                        </div>
                        <i class="icon-plane"></i>
                        <div class="end-place">
								<h2>北京</h2>
								<p>凤凰国际机场</p>
								<p>10:40</p>
						</div>
                </div>
                <div class="resource-content">
                        <ul>
                            <li>
                                <span>日期</span>
                                <p>2017-9-10 <b>星期</b>五</p>
                            </li>
                            <li>
                                <span>时间</span>
                                <p>6:30 <i>am</i></p>
                            </li>
                            <li>
                                <span>航班</span>
                                <p>中国国航CA1353</p>
                            </li>
                            <li>
                                <span>舱位</span>
                                <p>经济舱</p>
                            </li>
                            <li>
                                <span>飞行时长</span>
                                <p>约<b>5</b>小时<b>20</b>分钟</p>
                            </li>
                            <li>
                                <span>出行人数</span>
                                <p><b>3</b>人</p>
                            </li>
                            <li>
                                <a href="#">改签/预订限制&gt;</a>
                            </li>
                            <li>
                                <a href="#" class="reelect">重选航班&gt;</a>
                            </li>
                        </ul>
                </div>

                
            </div>

            <div class="resource-flight">
                    <div class="resource-reelect">
                            <div class="begin-place">
                                    <h2>北京</h2>
                                    <p>凤凰国际机场</p>
                                    <p>17:10</p>
                            </div>
                            <i class="icon-plane"></i>
                            <div class="end-place">
                                    <h2>三亚</h2>
                                    <p>首都国际机场</p>
                                    <p>22:33</p>
                            </div>
                    </div>
                    <div class="resource-content">
                            <ul>
                                <li>
                                    <span>日期</span>
                                    <p>2017-9-16 <b>星期</b>六</p>
                                </li>
                                <li>
                                    <span>时间</span>
                                    <p>17:10 <i>pm</i></p>
                                </li>
                                <li>
                                    <span>航班</span>
                                    <p>大新华航空CN7180</p>
                                </li>
                                <li>
                                    <span>舱位</span>
                                    <p>经济舱</p>
                                </li>
                                <li>
                                    <span>飞行时长</span>
                                    <p>约<b>5</b>小时<b>20</b>分钟</p>
                                </li>
                                <li>
                                    <span>出行人数</span>
                                    <p><b>2</b>人</p>
                                </li>
                                <li>
                                    <a href="#">改签/预订限制&gt;</a>
                                </li>
                                <li>
                                    <a href="#" class="reelect">重选航班&gt;</a>
                                </li>
                            </ul>
                    </div>
    
                    
            </div>

            <!-- 优惠劵 -->
            <div class="resource-quan">
                    <div class="quan-1">
							<div class="quan-1-con fr">
								<p>2成人起订<br>每单立减800元！</p>
								<div class="num-box">
									<span class="minus">-</span>
									<input type="text" name="" id="" value="0">
									<span class="add">+</span>
								</div>
							</div>
                    </div>
                    <div class="quan-1 quan-2">
							<div class="quan-1-con quan-2-con fr">
								<p>+0元/人 免费升级<br>价值168元团餐！</p>
								<div class="num-box">
									<span class="minus">-</span>
									<input type="text" name="" id="" value="0">
									<span class="add">+</span>
								</div>
							</div>
					</div>
            </div>

            <div class="resource-bill">
                <div class="bill-top">
                        附加额外费用账单 
                </div>
                 <!-- 当房差 -->
                <div class="bill-item clearfix">
                    <div class="item-l fl">
                            <h3>单房差</h3>
                            <div class="num-box">
									<span class="minus">-</span>
									<input type="text" name="" id="" value="0">
									<span class="add">+</span>
							</div>
                    </div>
                    <div class="item-r fr">
                        <div class="prize">
                            <span>620</span> /人
                        </div>
                    </div>
                </div>
               <!-- 门票 -->
                <div class="bill-item bill-ticket ">
                        <div class="ticket-1 clearfix">
                            <div class="item-l fl">
                                <h3>超值换购水上乐园成人门票</h3>
                                <div class="num-box">
                                        <span class="minus">-</span>
                                        <input type="text" name="" id="" value="0">
                                        <span class="add">+</span>
                                </div>
                        </div>
                        <div class="item-r fr">
                            <div class="prize">
                                <span>50</span> /人
                            </div>
                        </div>
                    </div>
                        <div class="ticket-2 clearfix">
                            <div class="item-l fl">
                                <h3>超值换购天涯海角门票</h3>
                                <div class="num-box">
                                        <span class="minus">-</span>
                                        <input type="text" name="" id="" value="0">
                                        <span class="add">+</span>
                                </div>
                        </div>
                        <div class="item-r fr">
                            <div class="prize">
                                <span>36</span> /人
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 意外保险 -->
                <div class="bill-insurance">
                    <div class="bill-1">
                        <h3 class="gray-6">意外保险</h3>
                        <p class="fz14 gray-9"><i></i> 保险价格均为参考价，最终会以预订人真实年龄重新计算。</p>
                    </div>
                    <div class="bill-2 clearfix">
                        <div class="tip">
                                <i></i>
                                <p class="fz15 gray-6 title">平安i旅行境内长线保险<br>经典型 最高赔偿3000元</p>
                                <div class="prize" style="margin-left: 0.57rem;">
                                        <span>120</span> 2份
                                </div>
                        </div>
                        
                        <p class="gray-9 fz14 declare">请您付款后24小时内提供出行人证件信息，<br> 否则将自动为您退订此保险。</p>
                    </div>

                    <div class="bill-2 bill-3 clearfix">
                            <div class="tip">
                                    <i></i>
                                    <p class="fz15 gray-6 title">平安i旅行境内长线保险<br>尊贵型 含航意险140万元</p>
                                    <div class="prize">
                                        <span>154</span> 2份
                                    </div>
                            </div>                 
                    </div>
                     <p class="clearfix">
                            <a href="" class="fr">重选保险></a>
                     </p>
                </div>
             
            </div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="next">
        <a href="fillorder.html">
            下一步，填写订单          
        </a>
    </div>
</footer>
</div>
<script src="js/src/bscroll.min.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
